/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

@import '~antd/lib/style/themes/default.less';
@vw: 1vw;
@vh: 1vh;

.fontStyle {
  font-weight: bold;
  background-image: linear-gradient(to top, rgb(46, 133, 229), #fff);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  // color: #58a9ed;
}

.main {
  position: relative;
  overflow-x: auto;
  width: 100%;
  min-height: 900px;
  background-color: rgb(9, 15, 40);
  color: #fff;
  h2 {
    font-weight: 600;
  }
  tr {
    text-align: center !important;
    th {
      text-align: center !important;
    }
  }
  &_img {
    position: absolute;
    width: 100%;
    min-width: 1600px;
  }
  &_bg_header {
    top: 0;
    z-index: 2;
    position: absolute;
    width: 100%;
    min-width: 1600px;
    height: 110px;
  }
}

.header {
  min-height: 110px;
}

.zoom {
  img {
    cursor: pointer;
  }
}

.full {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.content {
  padding-left: 30px;
  padding-right: 30px;
  z-index: 3;
  position: absolute;
  width: 100%;
  min-width: 1600px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.logo-img {
  padding: 20px;
  img {
    height: 100%;
  }
}

.logo-text:extend(.fontStyle) {
  font-size: 34px;
  background-image: linear-gradient(to top, rgb(54, 109, 233), rgb(89, 175, 255));
}

.main-title-box {
  text-align: center;
}

.main-title:extend(.fontStyle) {
  display: inline-block;
  font-size: 44px;
  white-space: nowrap;
  text-align: center;
  transform-origin: 0 50%;
}

.right-header-text:extend(.fontStyle) {
  text-align: right;
  font-size: 24px;
  background-image: linear-gradient(to top, rgb(54, 109, 233), rgb(89, 175, 255));
}

.right-header-text {
  img {
    width: 100%;
  }
}

.right-header-text-yz:extend(.fontStyle) {
  margin-left: 20px;
  font-size: 28px;
  background-image: linear-gradient(to top, rgb(54, 109, 233), rgb(89, 175, 255));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}

.body {
  margin-top: 10px;
  margin-bottom: 10px;
}

.body-flex {
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}

.body-left:extend(.body-flex) {
}

.body-center:extend(.body-flex) {
  padding-right: 20px;
  padding-left: 20px;
}

.body-right:extend(.body-flex) {
}
